<template>
  <div id="Article">
    <TopNav></TopNav>
    <BacImg></BacImg>
    <Footer></Footer>
  </div>
</template>

<script>
import TopNav from '../components/common/TopNav.vue'
import Footer from '../components/common/Footer.vue'
import BacImg from '../components/common/BacImg.vue'

export default {
  name: "Article",
  components: {
    TopNav,
    Footer,
    BacImg
  }
}
</script>

<style scoped>
#Article {
  width: 100%;
  position: relative;
  z-index: 1;
}

.img {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

img {
  width: 100%;
  object-fit: cover;
}
</style>